<template>
	<!-- 我是关于我们  -->
	<mu-container style="padding: 0px;">
		<div class="headerGray">关于我们</div>

		<div style="padding: 0px 10px;">
			<div class="usContent">
				<p>联系地址</p>
				<p>北京市朝阳区工体北路13号(世茂国际中心-1号楼)</p>
				<a target="_blank" class="location" href="https://www.amap.com/place/B0FFFO3AMS">查看地图</a>
			</div>
			<div class="usContent">
				<p>联系人</p>
				<p>xx女士</p>
			</div>
			<div class="usContent">
				<p>联系电话：</p>
				<a id="phoneCall" href="tel:15000000000">15000000000</a>
			</div>

		</div>
	</mu-container>
</template>

<script>
	export default {
		props: ["parentMsg"],
		data() {
			return {
				urlListArr: [require("../../../imgs/icon_20200116094341.jpg"),
					require("../../../imgs/icon_20200116094344.jpg"),
					require("../../../imgs/icon_20200116094336.jpg"),
					require("../../../imgs/icon_20200116094347.jpg"),
				],

			}
		},
		methods: {
			//向父组件发送消息，比如 通知本页面生成了
			sendMessageForParent() {
				this.$emit("listenToEvent", "3");
			},
		},
		mounted() {
			//向父组件传递消息
			this.sendMessageForParent();

			console.log("this.parentMsg-->" + this.parentMsg)
		},
	}
</script>

<style scoped="scoped">
	.usContent {
		font-size: 15px;
		color: #666666;
		border-bottom: 1px #dbdbdb solid;
		font-weight: 700;
	}

	.usContent p:nth-of-type(2) {
		font: 12px Arial, "微软雅黑";
		color: #929292;
		margin-top: 5px;
		font-size: 12px;
		font-weight: 500;
	}

	div .headerGray {
		color: rgba(0, 0, 0, .54);
		font-size: 14px;
		line-height: 48px;
		padding-left: 16px;
		width: 100%;
		border-bottom: 1px #dbdbdb solid;
		background: #dbdbdb;
	}

	.usContent a.location {
		font-size: 13px;
		color: #6a6a6a;
		line-height: 16px;
		height: 16px;
		display: block;
		width: 100px;
		text-indent: 20px;
		background: url(http://www.loveniwed.com/m/ue-content/templates/images/location.png) no-repeat;
		margin-bottom: 15px;
	}
	
	.usContent a#phoneCall{
		color: #666;
		margin-bottom: 15px;
	}
</style>
